.grid-field-rich-text__cell {
  @extend %grid-field-long-text-cell;
}

.grid-field-rich-text__cell-content {
  padding: 0 10px;

  &--preview {
    height: 100%;
    overflow: hidden;
  }
}

.grid-field-rich-text {
  @extend %grid-field-long-text;
}

.grid-field-rich-text__textarea {
  @extend %grid-field-long-text-textarea;
}

.grid-field-rich-text__textarea--resizable {
  padding: 5px 15px 5px 10px;
  resize: both;
  overflow: auto;
  scrollbar-gutter: stable;
  height: 22px * 5 + 10px;
}

.grid-field-rich-text__textarea-expand-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 12px;
  line-height: 12px;
  background-color: white;

  &:hover {
    color: $color-primary-600;
  }
}
